<!DOCTYPE html>
<html lang="zh-CN">
    <head>
        <meta charset="UTF-8" />
        <title>08_修改对象的属性-原生属性-特殊属性1</title>

        <style>
            .p1 {
                color: plum;
            }

            .p2 {
                color: aqua;
            }
        </style>


    </head>
    <body>
        <p class="p1" id="pp">惊雷，这通天修为天塌地陷紫金锤</p>

        <script>
            var pp = document.getElementById('pp');

            pp.onclick = function(){
                // 因为class是关键字 所以你不可以直接使用
                // 那么我就将class变成className
                // pp.className = 'p2';
                pp['className'] = 'p2';
            }
        </script>
    </body>
</html>